body {
    margin: 0;
    font-size: .12rem;
    line-height: 1;
    font-family: "Microsoft YaHei";
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: normal;
    font-size: .12rem;
}

p,
dl,
dd {
    margin: 0;
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
    color: #333;
}

i,
em {
    font-style: normal;
}

strong,
b {
    font-weight: normal;
}

img {
    border: none;
    vertical-align: bottom;
}

.clearfix {
    *zoom: 1;
}

/*ie7?????????*/
.clearfix:after {
    content: "";
    display: block;
    clear: both;
    font-size: 0;
    line-height: 0;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

th,
td {
    padding: 0;
    text-align: left;
    vertical-align: top;
}

input {
    border: none;
    background: none;
    outline: none;
}

textarea {
    resize: none;
}

html {
    overflow-y: scroll;
}

:root {
    overflow-y: auto;
    overflow-x: hidden;
}

:root body {
    position: absolute;
}

body {
    width: 100vw;
    overflow: hidden;
}

.wrap {
    overflow-x: hidden;
    max-width: 7.50rem;
    margin: 0 auto;
    background: #fffffd;
    overflow-y: hidden;
    position: relative;
}

.content {
    width: 7rem;
    margin: 0 auto;
}

.header {
    width: 100%;
    height: .88rem;
    background: #ff4a00;
    position: relative;
}

.header_in {
    position: relative;
}

.header h2 {
    float: left;
    width: 4rem;
    font-size: .3rem;
    line-height: .88rem;
    text-align: center;
    color: #fff;
}

.header .content>a {
    float: left;
    display: block;
    margin: .22rem 0 0 0rem;

}

.header .logo {

    width: 1.65rem;


}

.header .header_more {
    float: right;
    width: 1rem;
    height: .45rem;
    border: .02rem solid #fff;
    border-radius: .45rem;
    color: #fff;
    font-size: .26rem;
    line-height: .45rem;
    text-align: center;
    margin: 0.18rem 0 0 0
}

.m_newnav {
    background: #ffffff;
    position: absolute;
    right: -100%;
    width: 100%;
    z-index: 1151;
    top: .88rem;
    padding: 0 0 .3rem 0;

}

.m_newnav h3 {
    font: bold .34rem/.34rem 'Microsoft Yahei';
    color: #2491a5;
    width: 100%;
    margin: .5rem 0 0.4rem 0
}

.m_newnav dl {
    margin: 0rem 0 0 .25rem;
}

.m_newnav dl dt {
    width: .7rem;
    float: left;
    color: #2491a5;
    font-size: .24rem;
    line-height: .5rem;
    margin: 0 0 0.5rem 0;
}

.m_newnav dl dd {
    width: 1.3rem;
    height: .5rem;
    border: .01rem solid #2491a5;
    border-radius: .05rem solid #2491a5;
    float: left;
    color: #2491a5;
    font-size: .26rem;
    line-height: .5rem;
    text-align: center;
    margin: 0rem 0.3rem 0.4rem 0;
}



.m_newnav h3 img {
    width: .29rem;
    height: .3rem;
    margin: 0rem .2rem 0 .24rem;
    float: left;
}

.m_newnav div {
    padding: .3rem 0 .24rem .24rem;
    background: #faf9f9;
}

.m_newnav div a {
    display: inline-block;
    padding: 0 .15rem;
    height: .68rem;
    font: .24rem/.68rem 'Microsoft Yahei';
    text-align: center;
    /* border-radius: .3rem; */
    color: #333;
}


.banner {
    width: 100%;
    height: 4rem;
    background: url('../images/banner.jpg') no-repeat center top;
    background-size: 100% 100%;
    overflow: hidden;
}

.banner h3 {
    font-size: .46rem;
    line-height: .52rem;
    text-align: center;
    color: #fff;
    font-weight: bold;
    margin: 0.75rem 0 0 0;
    text-shadow: 0 0 .08rem rgba(0, 0, 0, .3);
}

.banner h3 span {
    color: #fff60a;
}

.banner_in div {
    width: 7.18rem;
    height: .53rem;
    background: url('../images/ban_1.png') no-repeat center top;
    background-size: 100% 100%;
    overflow: hidden;
    margin: 0.43rem 0 0 -.04rem;
}

.banner_in div p {
    font-size: .23rem;
    line-height: .46rem;
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 0 .14rem rgba(255, 108, 0, 0.96);
}

.banner_in>em {
    display: block;
    width: 6.64rem;
    height: .65rem;
    background: url('../images/ban_2.png') no-repeat center top;
    background-size: 100% 100%;
    overflow: hidden;
    margin: 0.42rem auto 0;
    font-size: .3rem;
    line-height: .65rem;
    text-align: center;
    color: #fff60a;
    font-weight: bold;
    text-shadow: 0 0 .1rem rgba(0, 93, 50, .66);
    letter-spacing: .02rem;
}

/* 1 */
.part1 {
    height: 13rem;
    padding: .7rem 0 .3rem 0
}

.tit h3 {
    font-size: .4rem;
    text-align: center;
    font-weight: bold;

}

.tit span {
    width: .44rem;
    height: .04rem;
    background: #2393a1;
    display: block;
    margin: 0.2rem auto 0
}

.part1 .content>p {
    margin-top: .3rem;
    font-size: .24rem;
    line-height: .4rem;
    color: #333;
    text-indent: 2em;
}

.part1 .cont {
    margin-top: .4rem;
}

.part1 .cont .box {
    margin-top: .15rem;
    display: flex;
    align-items: center;
}

.part1 .cont .box .t1 {
    width: 1.88rem;
    height: 2.28rem;
    background-image: url(../images/cont-left.jpg);
    font-size: 0.24rem;
    color: #fff;
}

.part1 .cont .right .t1 {
    background-image: url(../images/cont-right.jpg);
}

.part1 .cont .box .t1 span {
    display: block;
    text-align: center;
    margin: 0.95rem auto 0;
    font-weight: bold;
}

.part1 .cont .box .t1 b {
    display: block;
    width: 0.36rem;
    height: 0.03rem;
    background: #fff;
    margin: .18rem auto 0;
}

.part1 .cont .box .txt1 {
    width: 4.26rem;
    height: 1.12rem;
    padding: .4rem .43rem;
    font-size: .22rem;
    line-height: 0.36rem;
    text-align: justify;
    box-shadow: 0 0 0.16rem rgba(36, 93, 228, 0.36);
    border-radius: 0 0.15rem 0.15rem 0;
}

.part1 .cont .right .txt1 {
    border-radius: 0.15rem 0 0 0.15rem;
}

/* 2 */
.part2 {
    padding: .55rem 0 .9rem 0;
    width: 100%;

    background: url('../images/part2.jpg') no-repeat center top;
    background-size: 100% 100%;
}

.tit2 h3 {
    color: #fff;
}

.tit2 span {
    background: #fff;
}

.part2 .content>p {
    margin-top: .37rem;
    font-size: .24rem;
    line-height: .4rem;
    color: #fff;
    text-indent: 2em;
}

.part2 ul {
    width: 7.8rem;
}

.part2 ul li {
    width: 3.25rem;
    height: .7rem;
    background: #e8fff6;
    border-radius: .7rem;
    float: left;
    margin: 0.45rem 0.45rem 0 0;

    font-size: .26rem;
    font-weight: bold;
    line-height: .65rem;
    color: #333;
    text-align: center;
}

.part2 ul li em {
    float: left;
    width: .5rem;
    height: .5rem;
    border-radius: .5rem;
    background: #0d8c9c;
    font-size: .3rem;
    font-weight: bold;
    line-height: .5rem;
    color: #fff;
    text-align: center;
    margin: 0.09rem -0.25rem 0 0.11rem;
}







/* 3 */
.part3 {
    padding: 1.1rem 0 0 0;
}

.part3 .content>p {
    margin-top: .2rem;
    font-size: .24rem;
    line-height: .4rem;
    color: #333;
    text-indent: 2em;
}

.part3 .cont {
    height: 8.9rem;
    margin-top: .8rem;
    box-shadow: 0 0 .14rem rgba(35, 147, 161, .46);
    border-bottom-left-radius: .1rem;
    border-bottom-right-radius: .1rem;
}

.part3 .cont .top {
    width: 6.98rem;
    height: 1.33rem;
    border: .01rem solid #2393a1;
}

.part3 .cont .top div {
    width: 50%;
    float: left;
    height: 1.33rem;
}

.part3 .cont .top div p {
    font-size: .3rem;
    line-height: .47rem;
    text-align: center;
    font-weight: bold;
    padding-top: .18rem;
    color: #2393a1;
}

.part3 .cont .top .on {
    background: #2393a1;
}

.part3 .cont .top .on p {
    color: #fff;
}


.part3 .cont .txt1 h5 {
    padding-top: .6rem;
    text-align: center;
    font-size: .26rem;

}

.part3 .cont .txt1 h5 span {
    font-size: .58rem;
    font-weight: bold;
    color: #2393a1;
    margin-right: 0.13rem;
}

.part3 .cont .txt1 p {
    padding: .2rem 0 0 .3rem;
    font-size: .26rem;
    line-height: .5rem;
}

.part3 .cont .txt1 img {
    width: 4.53rem;
    margin: .2rem 1.235rem .3rem;
}

.part3 .cont .txt1>span {
    display: block;
    padding: 0rem 0 0 .3rem;
    font-size: .22rem;
    line-height: .43rem;
    color: #666666;
}

.part3 .cont .txt1>em {
    display: block;
    padding: 0.1rem 0 0.4rem .3rem;
    font-size: .22rem;
    line-height: .3rem;
    color: #333;
    text-align: center;
}

.part3 .cont .txt2 img {
    width: 6.3rem;
    margin: .6rem 0.35rem 0;
}

.part3 .cont .txt2>em {
    display: block;
    padding: 0.8rem 0 0.4rem .3rem;
    font-size: .22rem;
    line-height: .3rem;
    color: #333;
    text-align: center;
}

.part3 .cont .txt2 {
    display: none;
}

/* 4 */

.part4 {
    position: relative;
    padding: 0.6rem 0 0 0;
}

.part4 .content>p {
    margin-top: .2rem;
    font-size: .24rem;
    line-height: .4rem;
    color: #333;
    text-align: center;
}

.teach_pic {
    width: 6.9rem;
    margin: .5rem auto 0;

}

.swiper4 {
    height: 5.3rem;
}

.swiper4 img {
    width: 2.55rem;
    height: 1.43rem;

}

.swiper4 .swiper-slide>div {
    width: 2.55rem;
    height: 5.23rem;
    border: .01rem solid #2491a5;
    margin: 0 auto 0;
    /* margin: 0 -.5rem 0 .6rem; */
}

.swiper4 .swiper-slide>div .txt h5 {
    font: bold .26rem/.26rem "Microsoft YaHei";
    color: #333;
    text-align: center;
    margin-top: .25rem
}

.swiper4 .swiper-slide div .txt span {
    display: block;
    width: .25rem;
    height: .02rem;
    background: #2393a1;
    margin: 0.12rem auto 0;
}

.swiper4 .swiper-slide .txt p {
    font: .22rem/.34rem "Microsoft YaHei";
    color: #333;
    text-align: justify;
    padding: 0.15rem 0.18rem 0;

}


.swiper4 .swiper-button-next {
    width: .46rem;
    height: .66rem;
    background: url('../images/p4_next.png') no-repeat center top;
    background-size: 100% 100%;
    right: 0;
    outline: none;
}

.swiper4 .swiper-button-prev {
    width: .46rem;
    height: .66rem;
    background: url('../images/p4_prev.png') no-repeat center top;
    background-size: 100% 100%;
    left: 0;
    outline: none;
}

.bg {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    background: rgba(0, 0, 0, 0.4) none repeat scroll !important;

}


.part4 .ce {

    z-index: 110;
    display: block;
    width: 5.08rem;
    height: .85rem;
    background: #2393a1;
    border-radius: .08rem;
    margin: .6rem auto 0;
    font-size: .3rem;
    font-weight: bold;
    line-height: .85rem;
    color: #fff;
    text-align: center;
}

.flex .close {
    width: .48rem;
    height: .48rem;
    position: absolute;
    top: .2rem;
    right: .2rem;
    cursor: pointer;
}

.ti {
    width: 7.5rem;
    background: #fff;

    box-shadow: 0 0 0.2rem #dbdbdb;
    padding: 0 0 0.5rem 0;

}


.flex .flex1 {
    width: 7.5rem;
    height: 1.93rem;
    background: url(../images/flex_1.jpg) no-repeat center top;
    background-size: 100% 100%;
    overflow: hidden;
}

.flex .flex1 span {
    display: block;
    font-size: .36rem;
    line-height: .6rem;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 .04rem 0 rgba(5, 79, 63, .25);
    margin: .39rem 0 0 2.47rem;
}

.flex .flex1 span em {
    color: #ffea00;
}

/* .flex .cont {
    margin-top: .15rem;
} */

.flex .cont .select0 {
    padding: .40rem 0rem;
    width: 6.9rem;
    margin: 0 auto 0;
    border-bottom: .01rem dashed #e5e5e5;
}

.flex .cont .select1_2 ul li,
.flex .cont .select1_3 ul li,
.flex .cont .select1_4 ul li {
    width: 2.6rem;
}

.flex .cont p {
    font-size: .32rem;
    line-height: .5rem;
}




.flex li {
    float: left;
    margin: .20rem .30rem 0 0;
    padding-left: .3rem;
    overflow: hidden;
}

.flex .right {
    float: right;
}


.flex li label {
    font: .32rem/.32rem "Microsoft YaHei";
    color: #333333;
    display: inline-block;
    margin-top: .01rem;
}

.flex input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    margin-right: .08rem;
    float: left;
}

.flex input[type="radio"]:after {
    float: left !important;
    content: "";
    width: .20rem;
    height: .20rem;
    background: none;
    border-radius: 50%;
    border: .02rem solid #bfbfbf;
}

.flex input[type="radio"]:checked:after {
    background: #2393a1;

    vertical-align: middle
}

.flex input[type='radio']:checked+label {
    color: #2393a1 !important;
}

.flex input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    margin-top: 0.03rem;
    margin-right: .1rem;
}

.flex input[type="radio"]:after {
    content: "";
    width: .20rem;
    height: .20rem;
    margin: .01rem .05rem 0 0;
    background: none;
    border-radius: 50%;
    border: .02rem solid #bfbfbf;
    display: inline-block;
}

.flex input[type='radio']:checked:after {
    /*涓績澶栧洿*/
    /* -moz-box-shadow: inset 0 0 0 .4rem #ffffff ;
    -webkit-box-shadow: inset 0 0 .4rem #ffffff ;
    box-shadow: inset 0 0 0 .4rem #ffffff ; */
    /*杈�*/
    border: .02rem solid #fff;
    /*涓績*/
    background-color: #2393a1;
}

.flex input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #77a4c6;
}

.flex input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #77a4c6;
}

.flex input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #77a4c6;
}

.flex input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #77a4c6;
}

.select_btn {
    display: block;
    width: 4.12rem;
    height: 1rem;
    background-color: #2393a1;
    border-radius: 0.08rem;
    font-size: 0.39rem;
    text-align: center;
    color: #fff;
    line-height: 1rem;
    font-weight: bold;
    margin: 0.40rem auto 0;
    cursor: pointer;
}

.select_btn2 {
    display: block;
    width: 4.12rem;
    height: 1rem;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0.08rem;
    font-size: 0.3rem;
    text-align: center;
    color: #666;
    line-height: 1rem;
    margin: 0.30rem auto 0;
    cursor: pointer;
}


.flex_fen {
    display: none;
    width: 6.82rem;
    height: 8.1rem;
    background: url(../images/fen.png) no-repeat center top;
    background-size: 100% 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -4.05rem 0 0 -3.41rem;
    z-index: 110;
}

.flex_fen .close {
    top: .4rem;
    right: .4rem;
}

.flex_fen1 span {
    display: block;
    font-size: .4rem;
    line-height: .58rem;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 0.04rem 0 rgb(5 79 63 / 25%);
    margin: .65rem 0 0 2.4rem;
}

.flex_fen1 span em {
    color: #ffea00;
}

.flex_fen>p {
    padding: 1.2rem 0 0.3rem 0;
    font-size: .40rem;
    line-height: .65rem;
    text-align: center;
    font-weight: bold;
}

.flex_fen .fenshu {
    display: none;
}

/* 5 */

.part5 {
    padding: .6rem 0 0.7rem 0;
    background: #f0fdff;
    margin-top: .6rem;
}

.part5 .content>p {
    margin-top: .55rem;
    font-size: .24rem;
    text-align: center;
    margin-bottom: .3rem;
}


.part5 .cont .box2 {
    position: relative;
    padding-bottom: .35rem;
}

.part5 .cont .box2 .t5 {
    padding: .65rem .52rem .37rem .2rem;
    float: left;
    position: relative;
    font-size: .22rem;
    line-height: .32rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #2393a1;
    border-radius: 0 0 0 .5rem;
    box-shadow: 0 0 .12rem rgba(35, 147, 161, .68);
}

.part5 .cont .right .t5 {
    float: right;
    border-radius: 0 0 .5rem 0;
    padding: .65rem .2rem .37rem .52rem;
}

.part5 .cont .box2 .t5>span {
    display: block;
    width: 1.54rem;
}

.part5 .cont .box2 .t5 .cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 1.04rem;
    padding: .1rem 0 .06rem;
    background: linear-gradient(to right, #ff8000, #ffb400);
    border-radius: 0 0 .18rem 0;
}

.part5 .cont .right .t5 .cover {
    position: absolute;
    left: 1.22rem;
    top: 0;
    border-radius: 0 0 0 .18rem;
}

.part5 .cont .box2 .t5 .cover span {
    height: .26rem;
    line-height: .26rem;
}

.part5 .cont .box2 .t5 .cover em {
    display: inline-block;
    width: .26rem;
    height: .26rem;
    margin-bottom: -0.03rem;
    border-radius: 50%;
    background: #fff url(../images/cir_left.png) no-repeat center center;
}

.part5 .cont .right .t5 .cover em {
    background: #fff url(../images/cir_right.png) no-repeat center center;
}

.part5 .cont .box2 .txt5 {
    width: 4.8rem;
    height: 1.26rem;
    padding: .4rem .2rem 0;
    position: absolute;
    left: 1.8rem;
    top: 0.15rem;
    font-size: .2rem;
    line-height: .32rem;
    text-align: justify;
    color: #333;
    background: #fff;
    border-radius: 0 0 .25rem 0;
    box-shadow: 0 0 .14rem rgba(35, 147, 161, .46);
}

.part5 .cont .right .txt5 {
    position: absolute;
    left: 0;
    top: .15rem;
    border-radius: 0 0 0 .25rem;
}

/* 6 */
.part6 {
    padding: .6rem 0 0 0;
}


.part6 .tit {
    background: url(../images/part6_bg.png) no-repeat center 90%;
}

.part6 .tit h3 {
    font-size: 0.38rem;
}

.tit em {
    text-align: center;
    display: block;
    font-size: .26rem;
    font-weight: bold;
    line-height: .36rem;
    color: #333;
    padding-top: .2rem;
}

.part6 .tit em {
    font-size: .24rem;
}


.part6 .tit>span {
    width: 100%;
    height: 100%;
    margin-top: 0.1rem;
    text-align: center;
    font-size: .18rem;
    background: none;
}

.part6 .content>p {
    margin-top: .2rem;
    font-size: .24rem;
    line-height: .4rem;
    color: #333;
    text-indent: 2em;
}

.part6 .cont {
    margin-top: .6rem
}

.part6 .cont .top {
    width: 1.5rem;
    float: left;
}

.part6 .cont .top li {
    width: 2.08rem;
    height: 0.58rem;
    padding: 0.2rem 0;
    background: url(../images/p6_li.jpg ) no-repeat center top;
    background-size: 100% 100%;
    margin: 0 0 0.1rem 0;
    border: .01rem solid #2393a1;
    font-size: .2rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
}

.part6 .cont .top .on {
    background: #2393a1;
    color: #fff;
}

.part6 .cont .stage {
    padding: 0.5rem 0 0 0.25rem;
}

.part6 .cont .stage li {
    width: 2.25rem;
    margin: 0 0 0.25rem 0;
    background: url(../images/disc.png) no-repeat left center;
    font-size: 0.22rem;
    text-indent: 1em;
    float: left;
}

.part6 .cont .txt {
    width: 4.76rem;
    height: 5.4rem;
    background: url(../images/p6_bg.png ) no-repeat center top;
    background-size: 100% 100%;
    float: right;
    display: none;
}

.part6 .cont .txt dl {
    padding: 0 .24rem;
    margin: .4rem 0 .6rem 0;
}

.part6 .cont .txt dl dt {
    width: 1.6rem;
    height: .45rem;
    background: #2393a1;
    font-size: .24rem;
    font-weight: bold;
    color: #fff;
    line-height: .45rem;
    text-align: center;

}

.part6 .cont .txt dl dd {
    margin-top: .2rem;
    font-size: .24rem;
    color: #333;
    line-height: .34rem;

}



/* 7 */
.part7 {
    padding: .6rem 0
}

.part7 .tit {
    background: url(../images/part7_bg.png) no-repeat center bottom;
}

.part7 .content>p {
    margin-top: .2rem;
    font-size: .24rem;
    line-height: .4rem;
    color: #333;
    text-indent: 2em;
}

.part7 .cont {
    margin-top: .5rem;
    width: 7rem;
    height: 3.84rem;
    box-shadow: 0 0 .1rem #c2c2c2;
    position: relative;
}

.swiper7 {
    height: 5.5rem;
}

.swiper7 .swiper-slide div img {
    width: 2.59rem;
    height: 3.84rem;
    float: left;
}

.swiper7 .swiper-slide div div {
    width: 4.4rem;
    height: 3.85rem;
    background: url(../images/p7_r.png ) no-repeat center top;
    background-size: 100% 100%;
    float: right;
}

.swiper7 .swiper-slide div div dl {
    margin: 0 0 0 .4rem;
    padding-top: .78rem;
}

.swiper7 .swiper-slide div div dl dt {
    font-size: .28rem;
    font-weight: bold;
    display: inline-block;
    border-bottom: .05rem solid #2393a1;
    padding: 0 0 0.2rem 0;
}

.swiper7 .swiper-slide div div dl dd {
    width: 3.8rem;
    font-size: .24rem;
    line-height: .35rem;
    margin-top: .25rem;
}

.cont .swiper-button-next {
    width: 1.05rem;
    height: 1.04rem;
    background: url('../images/p7_next.png') no-repeat center top;
    background-size: 100% 100%;
    position: absolute;
    right: 2.2rem;
    outline: none;
    top: 4.8rem;
}

.cont .swiper-button-prev {
    width: 1.05rem;
    height: 1.04rem;
    background: url('../images/p7_prev.png') no-repeat center top;
    background-size: 100% 100%;
    left: 2.2rem;
    outline: none;
    top: 4.8rem;
    position: absolute;
}

.part7 .content {
    padding: 0 0 1.8rem 0;
}


/* 表单 */
.from {
    margin: 0 0 0 -.15rem;
    width: 7.41rem;
    height: 6.75rem;
    background: url('../images/from.png') no-repeat center top;
    background-size: 100% 100%;
    overflow: hidden;
}






.form_box h5 {
    font: bold .48rem/.66rem "Microsoft YaHei";
    color: #fff;
    float: left;
    margin: 0 0 0 2.8rem;
    padding: 0.6rem 0 0 0;
    text-shadow: 0 0.04rem 0 rgb(5 79 63 / 25%);
}

.form_box h5 span {
    color: #ffea00;
}

.form_box h5 em {
    font-size: .43rem;
}

.form_box form {
    margin-top: .15rem
}

.from_tel {
    width: 6.51rem;
    height: .96rem;
    background: url('../images/tel.png') no-repeat center top;
    background-size: 100% 100%;
    margin: 2.8rem 0 0 0.2rem;

}

.form_box form label {
    width: 3.5rem;
    height: .94rem;

    margin: 0 0 0 1rem;

    font: .32rem/.94rem "Microsoft YaHei";
    color: #666666;

}

.form_box form input {
    width: 3.5rem;
    height: .94rem;

    margin: 0 0 0 0rem;

    font: .32rem/.94rem "Microsoft YaHei";
    color: #666666;

}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font: .32rem/.94rem "Microsoft YaHei";
    color: #666666;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font: .32rem/.94rem "Microsoft YaHei";
    color: #666666;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font: .32rem/.94rem "Microsoft YaHei";
    color: #666666;
}

.form_box form .from_btn {
    width: 3.98rem;
    height: .99rem;
    background: url('../images/from_btn.png') no-repeat center top;
    background-size: 100% 100%;
    text-shadow: 0.04rem 0 0.16rem rgba(35, 147, 161, .5);
    display: block;

    margin: 0.5rem auto 0
}

.form_box p {
    text-align: center;
    font-size: .31rem;
    color: #999;
    margin-top: .4rem;
}



/* 8 */
.part8 {
    padding: .6rem 0 0 0rem
}

.part8 .cont {
    margin-top: -.1rem;
    width: 7.9rem;
}

.part8 .cont div {
    width: 3.28rem;
    height: 2.95rem;
    float: left;
    margin: .49rem 0.38rem 0 0;
    border: .01rem solid #2393a1;
    border-radius: .06rem;

}



.part8 .cont div img {
    display: block;
    width: 2.93rem;
    height: 1.58rem;
    margin: 0.18rem auto 0;
}

.part8 .cont div a {
    display: block;
    text-align: center;
    font-size: .27rem;
    line-height: .4rem;
    color: #333;
    font-weight: bold;
    margin-top: .2rem;
}








/* 9 */
.part9 {
    padding: .6rem 0
}

.part9 .content>p {
    height: 1rem;
    width: 100%;
    background: #2393a1;
    border-radius: .05rem;
    margin-top: .43rem;
    text-align: center;
    font-size: .34rem;
    line-height: 1rem;
    color: #fff;
    font-weight: bold;
}

.part9 ul li {
    width: 3.4rem;
    height: .6rem;
    border: .02rem solid #2491a5;
    float: left;
    margin-top: .5rem;
    font-size: .24rem;
    line-height: .6rem;
    text-align: center;
}

.part9 ul .l2 {
    float: right;
}





/* footer */
.footer {
    padding: .66rem 0 1.2rem 0;
    background: #333333;
}

.footer ul li {
    width: 33.33%;
    height: 1.7rem;
    float: left;
}

.footer ul li img {
    width: 1.14rem;
    height: 1.14rem;
    display: block;
    margin: 0 auto
}

.footer ul li span {
    font: .24rem/.34rem "Microsoft YaHei";
    color: #fff;
    display: block;
    text-align: center;
    margin-top: .2rem
}

.footer p {
    margin-top: .8rem;
    text-align: center;

    font: .18rem/.32rem "Microsoft YaHei";
    color: #d5d5d5;
}

.footer .phone {
    margin-top: .28rem;
    text-align: center;
    font: .3rem/.3rem "Microsoft YaHei";
    color: #d5d5d5;
}

.footer .phone span {

    color: #fff000;
}